<template>
    <div class="body">
        <div class="en_ul">
            <a>
                <div>
                    <img
                        src="~/assets/img/hg/hg_icon4.png"
                        alt=""
                    />
                </div>
                <p>预算管理</p>
            </a>
            <a>
                <div>
                    <img
                        src="~/assets/img/hg/hg_icon5.png"
                        alt=""
                    />
                </div>
                <p>运行管理系统</p>
            </a>
            <a>
                <div>
                    <img
                        src="~/assets/img/hg/hg_icon3.png"
                        alt=""
                    />
                </div>
                <p>项目管理系统</p>
            </a>
            <a>
                <div>
                    <img
                        src="~/assets/img/hg/hg_icon6.png"
                        alt=""
                    />
                </div>
                <p>招标采购系统</p>
            </a>
            <a>
                <div>
                    <img
                        src="~/assets/img/hg/hg_icon2.png"
                        alt=""
                    />
                </div>
                <p>实验室管理系统</p>
            </a>
            <a>
                <div>
                    <img
                        src="~/assets/img/hg/hg_icon1.png"
                        alt=""
                    />
                </div>
                <p>科研系统</p>
            </a>
        </div>
    </div>
</template>

<script>
export default {
    name: 'test',
    data() {
        return {};
    },
    methods: {},
};
</script>

<style lang="scss" scoped>
.body{
    overflow:hidden;
    width: 1200px;
    margin: 0 auto;
}
.en_ul {
    margin: 0 auto;
    a:hover {
        transform: scale(1.2); /* 放大1.2倍 */
    }

    a {
        float: left;
        width: 126px;
        margin: 20px 3% 20px;
        cursor: pointer;
        transition: all 0.3s;

        div {
            width: 132px;
            height: 132px;
            line-height: 132px;

            img {
                display: block;
                margin: 0 auto;
            }
        }

        p {
            font-size: 14px;
            font-weight: 400;
            color: #666666;
            text-align: center;
            margin-top: -35px;
        }
    }
}
</style>
